/*
新细明体      \65B0\7EC6\660E\4F53
细明体        \7EC6\660E\4F53
标楷体        \6807\6977\4F53
黑体          \9ED1\4F53
宋体          \5B8B\4F53
新宋体        \65B0\5B8B\4F53
仿宋          \4EFF\5B8B
楷体          \6977\4F53
仿宋_GB2312   \4EFF\5B8B_GB2312
楷体_GB2312   \6977\4F53_GB2312
微软正黑体     \5FAE\x8F6F\6B63\9ED1\4F53
微软雅黑       \5FAE\8F6F\96C5\9ED1
*/

*{margin:0;padding:0}
html{height:100%;overflow:hidden}
body{height:100%;font:12px/1.8 Tahoma,Geneva,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53}
form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p{list-style:none outside none}
a{text-decoration:none;color:#555;outline:none}
a:hover{text-decoration:none;color:#36C}
a img{border:none}
input,button,select,textarea{outline:none;padding:1px 5px}
select{padding:1px}
textarea{resize:none;padding:5px}
input.hover,textarea.hover{border:1px solid #9CCF00}
input.focus,textarea.focus{border:1px dashed #FF0000;background:#FFFFE0}
.fr{float:right}
.fl{float:left}
.disn{display:none}
.breakword{
white-space: pre;           /* CSS 2.0 */
white-space: pre-wrap;      /* CSS 2.1 */
white-space: pre-line;      /* CSS 3.0 */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;  /* HP Printers */
word-wrap: break-word;      /* IE 5  */
}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
.txt{margin-top:5px}
.text,.textarea{-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#BFBFBF #D6D6D6 #D6D6D6 #BFBFBF;border-style:solid;border-width:1px;box-shadow:1px 1px 2px #DDDDDD inset;height:22px;width:160px}
.text{line-height:22px}
.textarea{width:300px;height:100px}

.nav-sort a,
.nav-personal a{background-image:url(app_spr_nav.png);background-repeat:no-repeat}
.sub-nav{position:absolute;top:0;bottom:0;left:0;width:100px;height:100%;border-left:1px solid #5E616E;border-right:1px solid #434652;background:#545765}
.nav-sort{position:absolute;top:4px;left:3px;width:100px}
.nav-sort li{height:30px;vertical-align:middle}
.nav-sort a{display:block;height:30px;line-height:30px;text-align:center;font-weight:bold;font-size:14px;color:#CCC;background-position:100px 100px}
.nav-sort a:hover{color:#CCC;background-position:-57px 0}
.nav-sort .focus a,
.nav-sort .focus a:hover{color:#FFF;background-position:0 0}
.nav-personal{position:absolute;bottom:0;left:-1px;width:60px;background:#474A57}
.nav-personal dt{height:8px;overflow:hidden}
.nav-personal dt a{display:block;height:8px;line-height:10;overflow:hidden;background-position:0 -31px}
.nav-personal dt a:hover{background-position:-61px -31px}
.nav-personal dd{height:50px;padding:0 1px 5px}
.nav-personal dd a{display:block;height:50px;line-height:72px;text-align:center;overflow:hidden;color:#CCC}
.nav-personal dd a:hover{color:#CCC}
.nav-personal dd.focus a{color:#FFF}
.per-app{background-position:0 -153px}
.per-app:hover,
.focus .per-app{background-position:-59px -153px}

.wrap{position:absolute;top:0;right:0;bottom:0;left:60px;_position:relative;_left:0;_height:100%;_margin-left:60px;overflow:auto;background:#EEE}
.mbox{border:1px solid #DDD;background:#FFF}
.app-contents,
.col-main{position:relative;padding:10px;overflow:hidden}
.col-sub{float:right;width:215px;padding:10px 10px 0 0;overflow:hidden}
.app-list-box{height:400px;overflow:hidden}
.app-list-box .title{background-image:url(app_spr_x.png);background-repeat:repeat-x;position:relative;height:27px;padding:0 5px;line-height:27px;border-bottom:1px solid #DDD;background-position:0 -40px}
.app-list-box .title b{color:#F60}
.app-list-box .title .btn-back{float:left;margin:4px 5px 0 0}
.app-list-box .title ul{position:absolute;top:0;left:-1px;height:28px;overflow:hidden}
.app-list-box .title li{float:left;height:28px;padding:0 10px;line-height:28px;color:#999;cursor:pointer}
.app-list-box .title li.focus{padding:0 9px;font-weight:bold;color:#444;border-left:1px solid #DDD;border-right:1px solid #DDD;background:#FFF;cursor:default}

.app-list-box .app-list{height:324px;overflow:hidden;background:url(app_list.png)}
.app-list-box .app-list li{position:relative;height:54px;padding:6px 0 6px 68px;vertical-align:middle;overflow:hidden}
.app-list-box .app-list li:hover{background:#FBEFCE}
.app-list-box .app-list img{position:absolute;top:9px;left:10px;width:48px;height:48px}
.app-list-box .app-list .app-name,
.app-list-box .app-list .app-desc{display:block;width:240px;height:27px;line-height:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-list-box .app-list .app-name{font-weight:bold}
.app-list-box .app-list .app-desc{color:#999}
.app-list-box .app-list .app-desc b{font-weight:normal}
.btn-add-s,
.btn-run-s,
.btn-remove-s{display:inline-block;width:24px;height:24px;line-height:20;overflow:hidden;background-position:0 -110px;position:absolute;top:21px;right:20px;background-image:url(app_spr_img.png);_background-image:url(app_spr_img.gif);background-repeat:no-repeat}
.btn-add-s:hover{background-position:-25px -110px}
.btn-add-s:active{background-position:-50px -110px}
.btn-run-s{background-position:0 -135px}
.btn-run-s:hover{background-position:-25px -135px}
.btn-run-s:active{background-position:-50px -135px}
.btn-remove-s{background-position:0 -160px}
.btn-remove-s:hover{background-position:-25px -160px}
.btn-remove-s:active{background-position:-50px -160px}

.star-box,
.star-box i{background-image:url(app_spr_img.png);_background-image:url(app_spr_img.gif);background-repeat:no-repeat}
.star-box{position:relative;top:-46px;left:252px;display:inline-block;width:85px;height:15px;background-position:0 -62px}
.star-box i{position:absolute;font-style:normal;top:0;left:0;height:15px;overflow:hidden;background-position:0 -78px}
.star-num{position:absolute;top:10px;left:415px;display:inline-block;height:21px;line-height:21px;font-family:Georgia;font-weight:bold;font-size:16px;color:#F60}
.app-stat{position:absolute;top:36px;right:93px;color:#999}
.app-list-box .app-list b{color:#F60}

.search-box{position:relative;height:28px;margin-bottom:8px}
.search-box input{position:absolute;width:202px}
.search-box button{position:absolute;right:0;width:28px;height:28px;border:0 none;background-color:transparent;background-image:url(app_spr_img.png);_background-image:url(app_spr_img.gif);background-repeat:no-repeat;background-position:-91px -113px;cursor:pointer}
.search-box button i{display:none}

.commend-day{height:176px;margin-bottom:10px;overflow:hidden}
.commend-day h3{height:30px;padding:0 10px;line-height:31px;font-size:12px;overflow:hidden;border-bottom:1px solid #DDD;background-image:url(app_spr_x.png);background-repeat:repeat-x;background-position:0 -37px}
.commend-day .star-box{left:0;top:0;float:left;margin:5px 0 0 8px;_display:inline}
.commend-container{position:relative;float:left;width:48px;height:48px;margin:10px 0 0 5px;overflow:hidden;padding:7px 21px 45px;background:url(commend_day.gif) no-repeat 0 0;_display:inline}
.commend-text{float:right;width:100px;padding:0 10px 0 0;line-height:18px;color:#999}
.commend-text h4{margin-bottom:3px;padding:3px 0;font-size:12px;color:#555;border-bottom:1px solid #DDD}
.commend-text h4 strong,
.commend-text h4 span{display:block}
.commend-text h4 span{font-weight:normal;color:#999}
.commend-text .con{width:100px;height:54px;word-wrap:break-word;overflow:hidden}
.commend-text .btn-add,
.commend-text .btn-run{margin-top:5px;margin-right:5px;float:right;display:inline-block;width:93px;height:30px;line-height:31px;text-indent:29px;overflow:hidden;color:#FFF;background-color:transparent;background-image:url(app_spr_img.png);_background-image:url(app_spr_img.gif);background-repeat:no-repeat;background-position:0 0}
.btn-add:hover{color:#FFF;background-position:-94px 0}
.btn-add:active{background-position:-188px 0}
.btn-run{background-position:0 -31px}
.btn-run:hover{color:#FFF;background-position:-94px -31px}
.btn-run:active{background-position:-188px -31px}

/* pagination */
.pagination{font-size:12px}
.pagination a{padding:0 5px;*padding:0 5px !important;_padding:2px 5px;text-decoration:none;border:solid 1px #d3d3d3;background:#eeeeee;color:#000;font-family:Tahoma, Geneva, sans-serif;color:#2379a1}
.pagination a.jrcHover {border:1px solid #d54321}
.pagination a, .pagination span{display:block;float:left;padding:0 5px;*padding:0 5px !important;margin-right:5px;margin-bottom:5px}
.pagination .current{padding:0 5px;*padding:0 5px !important;_padding:2px 5px;background:#2379a1;color:#FFF;border:solid 1px #2379a1;font-family:"Courier New",Courier,mono}
.pagination .current.prev, .pagination .current.next{padding:0 5px;*padding:0 5px !important;_padding:2px 5px;color:#999;border-color:#999; background:#eeeeee;font-size:12px;font-family:"Courier New",Courier,mono}
.pagination a.prev, .pagination a.next{padding:0 5px;*padding:0 5px !important;_padding:2px 5px;background:#eeeeee;color:#2379a1;font-size:12px;font-family:"Courier New",Courier,mono}